<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>主页面</title>
    <link rel="stylesheet" href="../static/css/dashboard.css" />
  </head>
  <body>
    <div class="container">
      <!-- 导航栏 -->
      <nav class="navbar">
        <img
          src="../static/image/cutcamera.png"
          alt="用户头像"
          style="
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
          "
        />
        <a href="{{ url_for('center') }}">
          <button class="nav-button" id="center-btn">个人中心</button>
        </a>
        <a href="{{ url_for('account') }}">
          <button class="nav-button" id="account-btn">账号安全</button>
        </a>
          <a href="{{ url_for('guide') }}">
              <button class="nav-button" id="guide-btn">使用指南</button>
          </a>
        <a href="{{ url_for('crawler') }}">
          <button class="nav-button">评论数据获取</button>
        </a>
        <!-- 将探索型数据分析按钮变成一个跳转链接 -->
        <a href="{{ url_for('exploration') }}">
          <button class="nav-button">探索型数据分析</button>
        </a>
        <button class="nav-button" id="logout-btn">退出登录</button>
      </nav>

      <!-- 主内容区域 -->
      <main class="main-content" id="main-content">
        <h1>欢迎来到主页面</h1>
        <p>在这里可以进行个性化操作与快速选择。</p>
      </main>
    </div>

    <!-- Flash 消息容器 -->
    <div id="flash-container">
      {% with messages = get_flashed_messages(with_categories=true) %} {% if
      messages %} {% for category, message in messages %}
      <div class="flash-message {{ category }}">{{ message }}</div>
      {% endfor %} {% endif %} {% endwith %}
    </div>

    <script src="../static/js/script.js"></script>
  </body>
</html>
